<template>
	<view class="page">
		<view class="acontent">

			<uni-section title="历史记录" type="line">
				<uni-collapse>
					<uni-collapse-item class="mycollapse" titleBorder="none" v-for="(item,index) in datas" :key="index">
						<template v-slot:title>
							<uni-list>
								<uni-list-item :title="item.quesTitle"></uni-list-item>
								<uni-list-item :title="'你的答案: '+item.quesAnswer"></uni-list-item>
								<uni-list-item :title="item.createTime"></uni-list-item>
							</uni-list>
						</template>
						<view class="content">
							<view class="text" v-html="item.quesContent"></view>
							<view class="more" @click="toAnalysis(item.quesId)">
								<uni-icons type="fire-filled" color="#ff33ff"></uni-icons>
								查看解析
							</view>
						</view>
					</uni-collapse-item>

				</uni-collapse>
			</uni-section>

		</view>
	</view>
</template>
<!-- 
private String quesTitle;
    /** 答案 */
    ////@Excel(name = "答案")
    private String quesAnswer;

    @JsonFormat(locale = "yyyy-MM-dd HH:mm:ss")
    private Date createTime ;

    //@Excel(name = "题目解析")
    private String quesAnalysis;

    //@Excel(name = "题目内容")
    private String quesContent; 
 -->
<script>
	export default {
		data() {
			return {
				//分页数据
				page: {
					pageNum: 1,
					pageSize: 10,
					nextPage: 0,
					hasNextPage: false
				},
				// 数据
				datas: [{
						quesId: '1',
						quesTitle: '颜色透露出男人的性需要',
						quesAnswer: 'A',
						createTime: '2024-09-06 08:01:57',
						quesAnalysis: '选择A：<BR>他是个标准的完美主义者，和他无可救药的浪漫迷情的男人。回忆占据了他大部分的情思，容易依着自己的感觉和情绪游走，自恋倾向颇严重，对身边的人、事、物，总带点挑剔的口吻。他色得很有格调品味，也很罗曼蒂克，给他空间和时间，比较容易抓住他的心，温柔、体贴的情感，最能打动他的心，肉体和精神上的契合，是他所戮力追求的。<BR>选择B：<BR>他是个思想传统而又夹带着叛逆的矛盾男人；在爱情、工作、人际关系上，若遇到挫折或不顺利，通常在他表面上看不出有什幺异样，但是，内心深处，却是波涛汹涌、犹豫煎熬。他习惯活在自己的想象空间中，逃避不愉快的事情，独自享受着优游自得的境界。他很色，但色得很深情。他总是默默的付出真情，喜欢享受彼此依恋的心情，不会夸张自己的情感，容易深埋心中。<BR>选择C：他是个阳刚味十足的男人，有自己的个性和想法，平常还算随和，但是，一碰到与自己想法有差异的时刻，本质中的固执和牛脾气，马上都会爆发出来。他色得很大男人，喜欢小女人的温顺和柔情，以柔克刚，是他最招架不住的攻势，他喜欢被需要的感受，他会色得很温柔，属于那种铁汉柔情的男人。<BR>选择D：<BR>这是坦白、诚实而自然的男人，喜欢回归自然，追求平合的生活方式，不爱偏激强烈的铁腕作风，希望一切随缘，自自然然的平静过日子，比较容易满足现状，企图心不强，不太跟人计较，容易与人相处。他有点色，喜欢单纯专一的情人，享受两人世界的甜蜜，偶尔会脱离现实、胡思乱想，但对自己喜爱的对象，可以上天下海只为博她一笑，若他不爱的异性，他的态度是冷淡不失礼貌。<BR>选择E：<BR>他希望作一个有自信、品味十足的优雅男人，但是，在他内心深处却隐藏着跳跃不安的因子，使他缺乏安全感，因此，不自觉中他经常会出现艺术家的忧郁神情。对于艺术、服装、家具，他都有着与众不同的独特见解，品味特殊，喜欢享受自由自在的生活乐趣。“他看人色”也就使是说他很挑剔、自尊心又强，他绝对不会随便找一个对象就大“色”一场，这会让他觉得不舒服，因此，除非他看上或爱上某个人，他才会大胆热情的色一下，是种相当具有攻击性的色法。<BR>选择F：<BR>这是最难捉摸的善变男人，他自视甚高，自以为是，喜欢隐藏自己真性情，却又会不小心流露赤子之心；他不喜欢被人了解透视，喜欢故做神秘状；他也拥有一份强烈的疏离感和孤独寂寞，但是又坚持保有自己独特的品味和生活方式，因此，他容易活在自己的王国中，与他人保持安全距离。他很色，对于性有强烈的占有欲和需要，不过，这完全要看他的情绪而定，冷热之间，非常明显。因此，他容易沉溺于激情的享乐，但是激情过后，那冷冷的酷模样，可是对女人很痛的折磨。',
						quesContent: '看看男人喜欢什么颜色，就知道他色不色喽！男人不像女人，容易被流行趋势影响，而改变自己喜欢的色彩，换句话说，男人通常会比较执着于他喜欢的颜色，一生中难得改变几回，因此，男人无形中也似乎比较单纯明白，而较易的悄悄透露出他的个性和情感秘密。美女好好看看你的男友喜欢什么颜色？<BR>'
					},
					{
						quesId: '2',
						quesTitle: '颜色透露出男人的性需要',
						quesAnswer: 'A',
						createTime: '2024-09-06 08:01:57',
						quesAnalysis: '选择A：<BR>他是个标准的完美主义者，和他无可救药的浪漫迷情的男人。回忆占据了他大部分的情思，容易依着自己的感觉和情绪游走，自恋倾向颇严重，对身边的人、事、物，总带点挑剔的口吻。他色得很有格调品味，也很罗曼蒂克，给他空间和时间，比较容易抓住他的心，温柔、体贴的情感，最能打动他的心，肉体和精神上的契合，是他所戮力追求的。<BR>选择B：<BR>他是个思想传统而又夹带着叛逆的矛盾男人；在爱情、工作、人际关系上，若遇到挫折或不顺利，通常在他表面上看不出有什幺异样，但是，内心深处，却是波涛汹涌、犹豫煎熬。他习惯活在自己的想象空间中，逃避不愉快的事情，独自享受着优游自得的境界。他很色，但色得很深情。他总是默默的付出真情，喜欢享受彼此依恋的心情，不会夸张自己的情感，容易深埋心中。<BR>选择C：他是个阳刚味十足的男人，有自己的个性和想法，平常还算随和，但是，一碰到与自己想法有差异的时刻，本质中的固执和牛脾气，马上都会爆发出来。他色得很大男人，喜欢小女人的温顺和柔情，以柔克刚，是他最招架不住的攻势，他喜欢被需要的感受，他会色得很温柔，属于那种铁汉柔情的男人。<BR>选择D：<BR>这是坦白、诚实而自然的男人，喜欢回归自然，追求平合的生活方式，不爱偏激强烈的铁腕作风，希望一切随缘，自自然然的平静过日子，比较容易满足现状，企图心不强，不太跟人计较，容易与人相处。他有点色，喜欢单纯专一的情人，享受两人世界的甜蜜，偶尔会脱离现实、胡思乱想，但对自己喜爱的对象，可以上天下海只为博她一笑，若他不爱的异性，他的态度是冷淡不失礼貌。<BR>选择E：<BR>他希望作一个有自信、品味十足的优雅男人，但是，在他内心深处却隐藏着跳跃不安的因子，使他缺乏安全感，因此，不自觉中他经常会出现艺术家的忧郁神情。对于艺术、服装、家具，他都有着与众不同的独特见解，品味特殊，喜欢享受自由自在的生活乐趣。“他看人色”也就使是说他很挑剔、自尊心又强，他绝对不会随便找一个对象就大“色”一场，这会让他觉得不舒服，因此，除非他看上或爱上某个人，他才会大胆热情的色一下，是种相当具有攻击性的色法。<BR>选择F：<BR>这是最难捉摸的善变男人，他自视甚高，自以为是，喜欢隐藏自己真性情，却又会不小心流露赤子之心；他不喜欢被人了解透视，喜欢故做神秘状；他也拥有一份强烈的疏离感和孤独寂寞，但是又坚持保有自己独特的品味和生活方式，因此，他容易活在自己的王国中，与他人保持安全距离。他很色，对于性有强烈的占有欲和需要，不过，这完全要看他的情绪而定，冷热之间，非常明显。因此，他容易沉溺于激情的享乐，但是激情过后，那冷冷的酷模样，可是对女人很痛的折磨。',
						quesContent: '看看男人喜欢什么颜色，就知道他色不色喽！男人不像女人，容易被流行趋势影响，而改变自己喜欢的色彩，换句话说，男人通常会比较执着于他喜欢的颜色，一生中难得改变几回，因此，男人无形中也似乎比较单纯明白，而较易的悄悄透露出他的个性和情感秘密。美女好好看看你的男友喜欢什么颜色？<BR>'
					}
				]
			}
		},
		//触底翻页
		onReachBottom() {
			if (this.page.hasNextPage == true) {
				this.getHistory()
			} else {
				uni.showToast({
					title: '没有更多了'
				})
			}

		},
		onPullDownRefresh() {

			this.page.pageNum = 1
			this.getHistory();
		},
		onLoad() {
			this.getHistory()
		},
		methods: {

			toAnalysis(id) {
				this.$log('传的ids', id);
				uni.navigateTo({
					url: '/pages/detail/analysis?quesId=' + id
				})
			},

			getHistory() {
				let urlPost = this.$app.apiPath.dati.recordHistory;
				let datass = {
					pageSize: this.page.pageSize,
					pageNum: this.page.pageNum
				}
				//如果是查询的话
				if (this.page.pageNum == 1) {
					this.datas.length = 0;
				}
				console.log("查询的url", urlPost);

				this.$app.post(urlPost, datass).then(res => {

					if (res.code == 200) {
						console.log('获取到的历史记录', res.data);
						let data_ = res.data.list;
						// 复制对象并推送到目标数组  
						data_.map(obj => {
							const copiedObject = {
								...obj
							}; // 使用展开运算符复制对象  
							this.datas.push(copiedObject);
						});
						this.page.pageNum = res.data.nextPage;

						this.page.hasNextPage = res.data.hasNextPage;

					} else {
						this.$refs.uNotify.primary('网络错误,请重新进入小程序')
					}

				});
			}
		}
	}
</script>

<style lang="scss">
	.page {
		background-color: $uni-bg-color;
		height: 100vh;

		.acontent {
			padding-bottom: 50px;
		}

		.content {
			width: 90%;
			margin: 0px auto;
			padding-top: 10px;
			line-height: 30px;
			font-size: 15px;

		}

		.mycollapse {
			border-top: 1px solid #ffaaff;
		}
	}

	.more {
		margin: 10px;
		display: flex;
		justify-content: flex-end;
		color: #ff5dfd;
	}
</style>